<template>
  <a-card title="Trend - 趋势标记" :bordered="false">
    <a slot="extra" target="_blank" href="http://rest-doc.easy-frame.top/front-end/components/general.html">文档地址</a>
    <p>
      趋势符号，标记上升和下降趋势。通常用绿色代表“好”，红色代表“不好”，股票涨跌场景除外。
    </p>

    <trend flag="up">5%</trend>
    <trend flag="down">5%</trend>
    <a-divider>颜色反转</a-divider>
    <trend flag="up" :reverse-color="true">5%</trend>
    <trend flag="down" :reverse-color="true">5%</trend>
  </a-card>
</template>

<script>
import NumberInfo from '@/components/NumberInfo/NumberInfo'
import Trend from '@/components/Trend/Trend'
export default {
  name: 'SampleComponentsDataDisplayTrend',
  components: { Trend, NumberInfo },
  data () {
    return {
    }
  },
  methods: {
  }
}
</script>

<style scoped>

</style>
